<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">	
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta http-equiv="content-language" content="en" />
    <meta name="robots" content="all,follow" />
    <meta name="author" lang="en" content="All: ... [www.url.com]; e-mail: info@url.com" />
    <meta name="copyright" lang="en" content="Webdesign: Nuvio [www.nuvio.cz]; e-mail: ahoj@nuvio.cz" />
    <meta name="description" content="..." />
    <meta name="keywords" content="..." />
    <link rel="stylesheet" media="screen,projection" type="text/css" href="css/reset.css" />
    <link rel="stylesheet" media="screen,projection" type="text/css" href="css/main.css" />
    <!--[if lte IE 6]><link rel="stylesheet" media="screen,projection" type="text/css" href="css/main-ie6.css" /><![endif]-->
    <link rel="stylesheet" media="screen,projection" type="text/css" href="css/style.css" />
    <title>UBCDating - Profile</title>
</head>

<body>

<div id="main">

    <!-- Header -->
    <div id="header" class="box">

        <p id="logo"><a href="index.html" title="Your Company [Go to homepage]"><img src="design/logo.gif" alt="Logo" /></a></p>

        <hr class="noscreen" />

        <!-- Navigation -->
        <p id="nav">
        	<a href="index.html">Home</a> <span>|</span>
            <a href="profile.html"><strong>Profile</strong></a> <span>|</span>
            <a href="inbox.html">Inbox</a><span>|</span>
            <a href="chat.html">Chat</a><span>|</span>
            <a href="matches.html">Make Matches</a><span>|</span>
            <a href="testimonial.html">Testimonials</a><span>|</span>
			<a href="notifications.html">Notifications</a> <img src="./images/notification.png" width=12>

        </p>

    </div> <!-- /header -->

    <hr class="noscreen" />

    <h1 id="title">Roger</h1>

    <!-- Three columns -->
    <div class="content box">
    
        <div class="content-in box">

      

            <h2>&nbsp;</h2>


            <div class="col50"><img src="images/rogerProfile.jpg" width="410" height="275" alt="Roger" /></div> 
            <!-- /col50 -->

            <div class="col50 f-right"><table cellpadding=5>
          <tr>
            <td class=profileInfoHeader>Name:</td>
            <td>Roger Chao</td>
            <td><a href="./profileedit.html"><img src="images/edit-button.png" width="20" height="20" border="0" alt=""></td>
          </tr>
          <tr>
            <td class=profileInfoHeader>Sex:</td>
            <td>Male</td>
          </tr>
          <tr>
            <td class=profileInfoHeader>Height:</td>
            <td>180cm</td>
          </tr>
          <tr>
            <td class=profileInfoHeader>Weight:</td>
            <td>270lbs</td>
          </tr>
          <tr>
            <td class=profileInfoHeader>Nationality:</td>
            <td>Chinese</td>
          </tr>
          <tr>
            <td class=profileInfoHeader>Interests:</td>
            <td>Guitar, cooking, snuggling</td>
          </tr>
          <tr>
            <td class=profileInfoHeader>More:</td>
            <td>I love turtles</td>
          </tr>
          <tr>
            <td><a href="createMessage.html" title="Inbox"><img src="images/message.png" alt="" width="42" height="30" border="0"/> </a></td>
            <td> 
            <input type="button" value="Add me" class="input-submit" />
            <input type="button" value="Block me" class="input-submit" /><td>
			<input type="button" value="Flirt!" class="input-submit" />
          </tr>
  
        </table></div> 
		<div class="fix"></div>
        
        <div class="friendsCol">
        <h2><a href="friends.html">Friends</a></h2>
        <table width=227 cellpadding=5>
        <tr valign=top>
          <td><a href=""><img src="images/user2.jpg" width="100" height="100" border="0" alt=""></a></td>
          <td width=100%>Mechele Li<br>
            Age: 20<br>
            Vancouver </td>
        </tr>
        <tr valign=top>
          <td><a href=""><img src="images/user3.jpg" width="100" height="100" border="0" alt=""></a></td>
          <td width=100%>Obama<br>
            Age: 42<br>
            Richmond</td>
        </tr>
      </table>
        </div>
        <div class="wallCol">
        <h2>Wall Posts</h2>
        
        <table width=69% cellpadding=10>
        </tr>
        <tr valign=top>
          <td colspan="2">
          <textarea rows="6" cols="30"></textarea>
          <input type="button" value="Post" class="input-submit" /> 
          </td>
          </tr>
        <tr valign=top>
          <td><a href=""><img src="images/user3.jpg" width="50" height="50" border="0" alt=""></a></td>
          <td width=100% height=100%> Nice talking to you yesterday. </td>
        </tr>
        <tr valign=top>
          <td><a href=""><img src="images/user2.jpg" width="50" height="50" border="0" alt=""></a></td>
          <td width=100% height=100%> Hi. I had a great time last night ;) </td>
          </tr>
          
      </table>
        
        </div>
            <!-- /col50 -->

            <div class="fix"></div>

      </div> <!-- /content-in -->
        
      <div class="content-bottom"></div>

    </div> <!-- /content -->

    <!-- Footer -->
    <div id="footer" class="box">

        <!-- DON´T REMOVE THIS LINE -->
        <p class="f-right"><a href="settings.html">My Settings</a></p>

        <p class="f-left">&copy;&nbsp;2009 <a href="#">Brandon, Alan, Mike, Roger</a></p>

    </div> <!-- /footer -->

</div> <!-- /main -->

</body>
</html>